<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button id="btn" onclick="console.log('hello');">button</button>
    <script>
      /*
       标签 特性绑定事件，事件名称不区分大小写，因为HTML不区分大小写
       对象 属性绑定事件，事件名称区分大小写，因为JS严格区分大小写
      */
      // 特性上去除事件处理程序
      // const btn = document.getElementById("btn");
      // setTimeout(() => {
      //   btn.removeAttribute("onclick");
      // }, 3000);

      // 属性上去除事件处理程序
      btn.onclick = function () {
        console.log("hello jack");
      };

      setTimeout(() => {
        btn.onclick = null;
      }, 3000);
    </script>
  </body>
</html>
